{% extends "base.html" %}

{% block title %}iCoach - Admin{% endblock %}

{% block content %}
    <div class="admin">
        
        <div class="ad_top"><h3>Messages for {{ user }}</h3></div>
        <div class="ad_middle">
        	<table class="msgs">
        		<th>Date Sent</th>
				<th>Message ID</th>                                        
				{% for q in query%}
				    <tr>
				    	<td>{{ q.date_sent|date:"F j, Y" }}</td>
						<td><a href="" class="tooltip">{{ q.msg_id }}</a></td>
					</tr>
				{% endfor %}
			</table>            
        </div>                           
        <div class="ad_bottom"></div>                                     
    </div>
    
    <div class="col4">
	    <div class="box_top"></div>                	
        <div class="box_middle">
		    <h3 style="color: #014586; text-align: center;">System Messages</h3>
		    <img style="margin-left: 10px;"alt="divider" src="/media/img/hr.png" />
		    <textarea style="margin: 10px 0 0 10px;" name="system" rows="10" cols="25"></textarea>
        </div>
        <div class="box_bottom"></div>  
        
        <div class="box2_top"><h3>Report A Problem</h3></div>
        <div class="box2_middle">
        	<form name="report" action="/report/" method="get">                                           
	            <table style="margin-bottom: 10px;">
	                <tr>
	                    <td style="padding-left: 10px;">Subject: <input type="text" name="subj" /><br /></td></tr>
	                <tr><td>&nbsp;</td></tr>
	                <tr>
	                    <td>Message: <textarea name="msg" rows="3" cols="20"></textarea></td></tr>                            
	            </table>			
            	<img name="btnreport" alt="button1" src="/media/img/btn1.png" style="padding-left: 150px;"/>
			</form>                  			
	    </div>
        <div class="box2_bottom"></div>                                  	               
    </div>                                
{% endblock %}  
